/*
 * render
**/

/* 白色背景 */
.body_wrap .box_2{ background-color: #fff; overflow: hidden;}
/* 灰色背景 */
.body_wrap .box_3{ background-color: #f3f2f4;}
.body_wrap .box_hd{ font-family: "Microsoft yahei"; color: #000; font-size: 16px; padding: 20px 0;}

.body_wrap .purple_txt{ color: #a72b8f;}
/* 加号 */
.body_wrap .icon_add{ display: inline-block; width: 20px; height: 20px; vertical-align: -5px; margin-right: 4px; background: url(../img/icon_add.png) no-repeat;}
/* 颜色方块 */
.piece{ display: inline-block; padding: 0 4px; height: 17px; color: #fff; line-height: 17px; vertical-align: middle;}
.red_piece{ background-color: #fe5246;}
.orange_piece{ background-color: #fe9b0b;}

/* 渲染主页 ---------------Start-------------- */
.handle_bar{ padding-top: 0; height: 59px;}
/*.render_sub_nav{ padding-left: 260px;}*/
.render_sub_nav a{ display: inline-block; width: 90px; text-align: center; height: 59px; line-height: 59px; margin-right: 10px;}
.render_sub_nav a.cur{ color: #a72b8f; background: url(../img/sub_nav_cur.png) no-repeat; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/sub_nav_cur.png', sizingMethod="crop");}
.render_sub_nav select{ margin-top: 20px; font-size: 12px;}

.banner_box,.banner_box p{ height: 260px; background-color: #fff;}

.render_list_box{ padding: 8px 0 30px;}
.render_list{ margin-bottom: 15px;}
.render_list li.render_item{ padding: 12px 10px; border-bottom: 1px solid #dad8da;}
/* module-img */
.comp_img_box{ width: 164px; height: 112px; overflow: hidden; padding: 4px; border: 1px solid #ddd; background-color: #fff;}
.render_item .md_img{ width: 174px;}
.md_img .btn_box{ text-align: right; padding-top: 6px;}
.md_img .btn_box a.btn_oper_purple{ padding: 0 19px 0 14px;}
.md_img .btn_box a.btn_oper_purple .icon{ font-size: 22px; font-weight: normal; margin-right: 5px; vertical-align: middle;}
.md_img .btn_box a.btn_oper_cancel{ background-color: #a72b8f; color: #fff;}
/* module-info */
.render_item .md_info{ margin-left: 20px; width: 620px;}
.md_info .comp_desc{ margin: 10px 0 30px;}
.comp_desc li{ line-height: 20px;}
.comp_desc .label1{ width: 220px;}

.comp_phone{ font-size: 13px;}
/* module-btn */
.render_item .md_btn{ padding-top: 52px;}
.md_btn a.btn_com_red{ height: 34px; line-height: 34px; padding: 0 23px;}


/* float_bar */
.float_bar{ background-color: #fff; border: 1px solid #ddd; z-index:99; position: fixed; _position: absolute; right: 0; bottom: 180px; _bottom: auto; _position:absolute; _top:expression( (document.compatMode && document.compatMode=='CSS1Compat' ? documentElement.scrollTop + (documentElement.clientHeight - this.clientHeight): document.body.scrollTop + (document.body.clientHeight - this.clientHeight))-180);}
.float_bar li{ padding: 4px; width: 164px;}
.float_bar .comp_p{ width: 164px; height: 112px; overflow: hidden;}
.float_bar .comp_n{ height: 23px; line-height: 23px; overflow: hidden;}
.float_bar li.cur{ position: relative; background-color: #f6e9f4;}
.float_bar li.cur a.close{ position: absolute; color: #ff3b30; font-size: 14px; font-weight: bold; right: 8px; top: 4px;}
.float_bar li.cur .comp_p{ border: 1px solid #a72b8f; width: 162px; height: 110px;}
.float_bar li.cur .comp_p img{ width: 162px;}
.float_bar li.cur .comp_n{ color: #a72b8f;}
.float_bar .btn_box{ height: 30px; border-top: 1px solid #ddd; padding: 6px 0 0 11px;}
.float_bar .btn_box a.btn_oper_gray{ padding: 0 16px;}

/* 渲染主页 ---------------End-------------- */


/* 云服务详情 ---------------Start-------------- */
.render_detail_wrap{ margin-bottom: 130px;}
.render_detail_wrap .comp_info{ margin-left: 10px; width: 300px;}
.comp_info .md_btn{ padding-top: 35px;}

.comp_param table th,.comp_param table td{ border: 1px solid #e3e3e3; vertical-align: middle; height: 40px;}
.comp_param table th{ background-color: #fafafa; width: 32px; padding: 0 8px; font-weight: normal; font-size: 13px;}
.comp_param table td{ padding-left: 10px;}

.comp_desc{ line-height: 20px; margin-bottom: 40px;}

.case_list{ padding-top: 15px; margin-right: -100px;}
.case_list li{ float: left; display: inline; width: 270px; margin-right: 90px; position: relative;}
.case_list li .icon_play{ position: absolute; left: 90px; top: 52px; display: block; width: 78px; height: 48px; background: url(../img/render_icon_play.png) no-repeat; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/render_icon_play.png', sizingMethod="crop");}
.case_list li .case_cover{ display: block; background-color: #fff; padding: 3px; width: 262px; border: 1px solid #ddd;}
.case_list li .case_name{ display: block; height: 24px; line-height: 24px; margin: 6px 0 2px; color: #000; font-size: 16px; font-family: "Microsoft yahei";}
.case_list li .case_desc{ color: #666; line-height: 16px; height: 32px; overflow: hidden;}


/* 云服务详情 ---------------End-------------- */

/* 云服务参数对比 ---------------Start-------------- */
.render_compare_table{ margin-bottom: 60px;}
.render_compare_table table{ background-color: #fff;}
.render_compare_table table th{ text-align: right; width: 75px; font-size: 14px; padding: 0 8px 0 0;}
.render_compare_table table td{ padding-left: 10px; width: 435px;}

.render_compare_table .comp_info{ margin-left: 10px; width: 245px;}
.render_compare_table .comp_info_tr td{ padding: 13px 0 12px 10px;}
.render_compare_table .comp_desc_tr td{ padding: 13px 20px 12px 10px;}

/* 云服务参数对比 ---------------End-------------- */


/* 任务控制 ---------------Start-------------- */
/* tab */
.body_wrap .icon_pic{ display: inline-block; background: url(../img/icon_render.png) no-repeat; width: 14px; height: 14px; margin-right: 6px; vertical-align: -2px;}
.body_wrap .icon_add{ background-position: 0 0;}
.body_wrap .icon_refresh{ background-position: 0 -24px;}
.body_wrap .icon_play{ background-position: 0 -48px;}
.body_wrap .icon_pause{ background-position: 0 -72px;}
.body_wrap .icon_del{ background-position: 0 -96px;}
.body_wrap .icon_search{ background-position: 0 -120px; width: 17px; height: 17px; margin: 0;}
.body_wrap .icon_preview{ background-position: 0 -147px; width: 21px; height: 24px; margin: 0;}

.script_tab_box{ padding: 25px 0 50px;}
.script_tab_box .btn_com_red{ padding: 0 30px 0 25px; height: 28px; line-height: 28px;}
.script_tab_t{ border-bottom: 1px solid #cecece; padding: 0 1px;}
.script_tab_t span{ font-size: 16px;}
.script_tab_t ul li{ float: left; display: inline; height: 31px;}
.script_tab_t ul li a{ display: block; width: 160px; height: 30px; line-height: 30px; text-align: center; color: #3f3f3f; background-color: #f4f5f6; border: 1px solid #cecece; border-bottom: none; margin-left: -1px; font-size: 14px;}
.script_tab_t ul li a span{ font-size: 14px;}
.script_tab_t ul li a.cur{ color: #000; background: url(../img/icon_tab_arrow.png) center 30px no-repeat #fff; border: 1px solid #cecece; border-bottom: none; border-radius: 4px 4px 0 0; height: 37px; position: relative; top: -6px;}
.script_tab_t ul li a.cur span{ color: #a72b8f;}

.search_bar{ padding: 12px 0 0 12px; height: 38px; border-left: 1px solid #cecece; border-right: 1px solid #cecece;}
.body_wrap .btn_com_26,.search_bar .item{ height: 26px; line-height: 26px; padding: 0 12px 0 9px; display: inline-block; border-radius: 5px; margin-right: 10px;}
.body_wrap .btn_purple_26{ background-color: #a72b8f; color: #fff; border: 1px solid #a72b8f;}
.body_wrap .btn_gray_26{ background-color: #f8f8f8; color: #333; border: 1px solid #b9b9b9;}
.search_bar .item{ padding: 0; background-color: #f8f8f8; color: #333; border: 1px solid #b9b9b9;}
.search_bar .item a{ display: inline-block; height: 26px; line-height: 26px; padding: 0 11px; border-right: 1px solid #b9b9b9;}
.search_bar .item a.noborder{ border: none;}
.search_bar select{ vertical-align: -4px;}
.search_bar .item{}
.search_bar .item input{ border: none; box-shadow: none; border-right: 1px solid #b9b9b9; height: 26px; line-height: 26px; width: 165px; padding: 0 2px 0 5px; border-radius: 5px 0 0 5px; background-color: #fff;}
.search_bar .item .btn_search{ border: none; width: 30px; padding: 0; text-align: center;}


.task_table_list table{ border: 1px solid #cecece;}
.task_table_list th{ background-color: #f4f5f5; height: 23px; font-weight: normal; border: 1px solid #cecece;}
.task_table_list th,.task_table_list td{ padding: 0 8px; text-align: left; vertical-align: middle;}
.task_table_list td{ padding: 5px 8px; line-height: 18px; border-bottom: 1px solid #cecece;}

/* 任务控制 ---------------End-------------- */

/* 新建任务 ---------------Start-------------- */
.render_task_new{ padding: 20px 0 50px;}

/*.step_state{ font-size: 14px; padding: 25px 0 20px;}
.step_state span{ margin-right: 20px;}
.step_state span.cur{ color: #a72b8f;}*/
/*.info_fill_box li p span{ float: right; display: inline; height: 36px; border-left: 1px solid #e3e3e3; width: 44px; text-align: center; line-height: 36px;}*/


.render_task_new .red_star{ font-size: 18px; color: #dc2430; vertical-align: middle;}
.icon_oper{ background: url(../img/render_icon.png) no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: middle;}
.icon_set{ background-position: 0 0;}
.icon_file{ background-position: 0 -17px;}
.icon_del{ background-position: 0 -34px;}


.info_fill_box{}
.info_fill_box li{ margin-bottom: 10px;}
.info_fill_box .label_n{ width: 90px; text-align: right; line-height: 28px;}
.info_fill_box .info_item{ margin-left: 90px;}
.info_fill_box .info_item a{ padding: 0 18px;}
.info_fill_box .info_item a.btn_purple_26{ padding: 0 28px;}
.info_fill_box .info_item select{ vertical-align: -6px;}
.info_fill_box .scene_choice_box{ border: 1px solid #bebebe; height: 130px;}
.info_fill_box .choice_arrow{ display: block; margin: 8px auto 6px; background: url(../img/render_arrow.png) no-repeat; width: 30px; height: 32px;}


.render_project_new .info_fill_box input{ border: 1px solid #e3e3e3; height: 26px; width: 410px; padding: 0 3px; border-radius: 3px;}


/* 新建任务 ---------------End-------------- */




